<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Beehive</title>
    <!-- import CSS -->
    <link rel="stylesheet" th:href="@{/elementui/css/index.css}">

    <style>
        html,
        body {
            margin: 0;
            height: 100%;
        }

        a {
            text-decoration: none;
            color: #999999;
        }
    </style>
    <script>
        // 跳转到用户列表
        function userList() {
            window.open("/admin/userList", "main");
        }

        // 跳转到头像列表
        function headImgList() {
            window.open("/admin/headImgList", "main");
        }

        // 跳转到修改用户密码页面
        function toChangeUserPass() {
            window.open("/admin/userPassEdit", "main");
        }

        // 上传多本电子书
        function uploadMulti() {
            window.open("/admin/uploadMulti", "main");
        }

        // 上传一本电子书
        // function uploadSingle() {
        //     window.open("/admin/uploadSingle", "main");
        // }

        // 跳转到图书列表
        function bookList() {
            window.open("/admin/bookList", "main");
        }

        // 跳转到主题列表
        function toThemeList() {
            window.open("/admin/themeList", "main");
        }


        // 跳转到评论列表
        function toCommentList() {
            window.open("/admin/commentList", "main");
        }


        // 跳转到反馈列表
        function toFeedbackList() {
            window.open("/admin/feedbackList", "main");
        }

        // 跳转到审核列表
        function toCheckList() {
            window.open("/admin/checkList", "main");
        }


    </script>

    <style>
        .el-submenu__title {
            color: #000000A6;
        }
        .el-menu-item {
            color: #000000A6;
        }
    </style>
</head>
<body>
<div id="app">
    <!-- 相当于div -->
    <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
        <!-- 默认打开的一级菜单 -->
        <el-menu :default-openeds="['1','2','3', '4']" :unique-opened="true">
            <!-- 子菜单标签 -->
            <el-submenu index="1">
                <!-- 一级菜单标题 -->
                <template slot="title"><i class="el-icon-user" style="color: #232931"></i>用户管理</template>
                <el-menu-item index="1-1" onclick="userList()">用户列表</el-menu-item>
                <el-menu-item index="1-2" onclick="headImgList()">头像列表</el-menu-item>
            </el-submenu>
            <el-submenu index="2">
                <template slot="title"><i class="el-icon-collection" style="color: #232931"></i>图书管理</template>
                    <el-menu-item index="2-1" onclick="bookList()">图书列表</el-menu-item>
                    <el-menu-item index="2-3" onclick="uploadMulti()">多本上传</el-menu-item>
                    <el-menu-item index="2-4" onclick="toThemeList()">主题列表</el-menu-item>
            </el-submenu>
            <el-submenu index="3">
                <template slot="title"><i class="el-icon-chat-dot-round" style="color: #232931"></i>评论管理</template>
                <el-menu-item index="3-1" onclick="toCommentList()">评论列表</el-menu-item>
                <el-menu-item index="3-2" onclick="toFeedbackList()">意见反馈</a></el-menu-item>
            </el-submenu>
            <el-submenu index="4">
                <template slot="title"><i class="el-icon-house" style="color: #232931"></i>电子仓库</template>
                <el-menu-item index="4-1" onclick="toCheckList()">审核清单</el-menu-item>
            </el-submenu>
        </el-menu>
    </el-aside>
</div>
<!-- import Vue before Element -->
<script th:src="@{/js/vue.js}"></script>
<!-- import JavaScript -->
<script th:src="@{/elementui/js/index.js}"></script>
<script>
    var vm = new Vue({
        el: "#app",
    });

</script>
</body>
</html>